 <link rel="stylesheet" media="screen" type="text/css" href="jquery-ui.css" />
<script type="text/javascript">
  $(function() {ldelim}
                $( "#Start_date" ).datepicker();
		
                 $( "#Start_date" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
          {rdelim});

$(function() {ldelim}
                $( "#End_date" ).datepicker();
		
                 $( "#End_date" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
          {rdelim});
  </script>


 


<div id="page-heading">
	<h1>{$title}</h1>
         <br>
         <a onclick="loadPage('product/index')" href="javascript: void(0);">Back to product list</a>
</div>
<table border="0" width="80%" cellpadding="0" cellspacing="0" id="product-table">
	<tr>

        <th colspan="2" align="left" class="table-header-repeat line-left"><img src="images/icons/add.png" />Add New</th>
	</tr>
        <tr>
		<td width="20%">Pet Code</td>
		<td width="60%"><input onblur="checkitemcode(this.value)" type="text" name="item_code" id="item_code" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
	<tr>
		<td width="20%">Pet Name</td>
		<td width="60%"><input type="text" name="product_title" id="product_title" value="" class="inp-form" style="width: 500px;" /></td>
	</tr>
	<tr>
		<td>Pet Description (short)</td>
		<td>{$objeditorFCK->editorfck("productdesc_en", "{$product_arr[sec1].product_dsc_en}", "98%", 200)}</td>
	</tr>
        <tr>
		<td>Pet Description (detail)</td>
		<td>{$objeditorFCK->editorfck("productdesc_detail", "{$product_arr[sec1].product_dsc_en}", "98%", 200)}</td>
	</tr>

	<tr>
		<td width="20%">Price</td>
		<td width="60%"><input type="text" name="product_price_lkr" id="product_price_lkr" value="" class="inp-form" style="width: 100px;" /></td>
	</tr>
       
        
        <tr>
		<td width="20%">Start Date</td>
                <td width="60%"><input type="text" name="product_price_lkr" id="Start_date" value="" class="inp-form" style="width: 100px;"  /></td>
	</tr>
        
         <tr>
		<td width="20%">End Date</td>
                <td width="60%"><input type="text" name="product_price_lkr" id="End_date" value="" class="inp-form" style="width: 100px;"  /></td>
	</tr>
        
        
       
	<tr>
		<td width="20%"> Number of pets</td>
		<td width="60%"><input type="text" name="product_qty" id="product_qty" value="" class="inp-form" style="width: 100px;" /></td>
	</tr>
	<tr>
		<td>Category</td>
		<td><select name="category" id="category" onchange="getSubCat(this.id)">
		<option value="">Select Category</option>
		{section name=sec1 loop=$cat_arr}
		<option value="{$cat_arr[sec1].cat_id}">{$cat_arr[sec1].cat_desc}</option>
		{/section}
		</select>
		</td>
	</tr>
	<tr>
		<td>Sub Category</td>
		<td>
			<div id="subcat_loader">
				<select name="subcat" id="subcat">
				<option value="">Sub Category</option>				
				</select>
			</div></td>
	</tr>	
	<tr>
		<td>Status</td>
		<td><select name="cmbStatus" id="cmbStatus">
		<option value="">Select Status</option>
		<option value="1">Show</option>
		<option value="0">Hide</option>
		</select>
		</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	<td><div class="edit-icoset"><a href="javascript: void(0);" onclick="saveProduct();"><img src="images/icons/save-2.gif" />Save</a></td>
	</tr>
</table>